<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test</title>
    <link rel="stylesheet" href="demo.css" type="text/css" media="screen">
    <script src="jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="raphael-min.js" type="text/javascript" charset="utf-8"></script>
    <script src="node.js" type="text/javascript" charset="utf-8"></script>
    <script src="graffle.js" type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
    <div id="button-holder">
      <div>
        <input value="declaration" type="button" id="create-vardecl" />
      </div>
      <div>
        <input value="assignment" type="button" id="create-assign" />
      </div>
      <div>
        <input value="condition" type="button" id="create-condition" />
      </div>
      <div>
        <input value="input" type="button" id="create-input" />
      </div>
      <div>
        <input value="print" type="button" id="create-print" />
      </div>
      <div>
        <input value="alert" type="button" id="create-alert" />
      </div>
    </div>
    <div id="holder"></div>
    <div>
      <input value="interpret" type="button" id="interpret" />
    </div>
  </body>
</html>
